<!DOCTYPE html>
<html lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>天津大学新校区-羽毛球自助预定系统</title>
    <meta name="renderer" content="webkit">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    {% load static %}
    <link rel="stylesheet" href="{% static 'book/font-awesome.min.css' %}">
    <link type="text/css" rel="stylesheet" href="{% static 'book/bootstrap.min.css' %}">
    <link rel="stylesheet" href="{% static 'book/cas.css' %}">
    <link rel="stylesheet" href="{% static 'book/style.css' %}">
    <link rel="icon" href="{% static 'book/favicon.ico' %}" type="image/x-icon">
    <script type="text/javascript" src="{% static 'book/jquery.min.js' %}"></script>
    <script type="text/javascript" src="{% static 'book/jquery-ui.min.js' %}"></script>
    <script type="text/javascript" src="{% static 'book/jquery.cookie.min.js' %}"></script>
    <script type="text/javascript" src="{% static 'book/bootstrap.min.js' %}"></script>
</head>
<body id="cas" class="login" style="background:url({% static 'book/logonbg1.jpg' %});" >
<div class="header" style="background-color: rgb(1, 75, 136);">
    <header class="container">
        <img src="{% static 'book/tjusso_logo.png' %}" alt="">
    </header>
</div>
<div id="container" class="container">
    <div id="content">
        <div class="row">
            <div class="col-sm-12 col-md-12">
                <div class="box" id="login">
                    <div class="login-header" >
                        <img src="{% static 'book/login_header.png' %}" alt="" ></div>
                    <form method="post" id="fm1" action="/book/">
                        {% csrf_token %}
                        <section class="row">
                            <label for="username">学号(Student ID):</label>
                            <div>
                                <input class="required" id="username" size="25" tabindex="1" type="text" accesskey="n"
                                       autocomplete="on" name="username" value=""></div>
                        </section>
                        <section class="row">
                            <label for="password">Cookies:</label>
                            <div>
                                <input class="required" type="password" id="password" size="25" tabindex="2"
                                       accesskey="p" autocomplete="on" name="password" value="">
                            </div>
                        </section>
                        <section class="row">
                            <label for="captcha">秘钥(Key):</label>
                            <div >
                                <input class="required" id="captcha" size="25" tabindex="3" type="text" accesskey="c"
                                       autocomplete="on" name="captcha" value="">
                            </div>
                        </section>
                        <section class="row check">
                        </section>
                        <section class="row btn-row">
                            <input type="hidden" name="execution" value="e2s1"><input type="hidden" name="_eventId"
                                                                                      value="submit"><input
                                type="hidden" name="geolocation"><input class="btn btn-submit btn-block" name="submit"
                                                                        accesskey="l" value="开始预定" tabindex="6"
                                                                        type="submit"></section>
                    </form>
                    <script type="text/javascript">
                        var i = "One moment please..."
                        $("#fm1").submit(function () {
                            $(":submit").attr("disabled", true);
                            $(":submit").attr("value", i);
                            return true;
                        });
                    </script>
                    <div id="sidebar">
                        <div class="sidebar-content">
                            <span><a style="display:block" href="/help/">使用说明(Help)</a></span>
                        </div>
                    </div>
                    <p></p>
                    <div id="sidebar">
                        <div class="sidebar-content">
                            <p>
                                Cookie文件仅用于提交预定申请，我们不会保留您的任何数据，预定成功后，系统会及时清除相关数据。
                            </p>
                        </div>
                    </div>
                    <script type="text/javascript">
                        function changeCode() {
                            //刷新验证码
                            $("#captcha_img").attr('src', 'https://sso.tju.edu.cn/cas/images/kaptcha.jpg?id=' + Math.random());
                        }
                    </script>
                </div>
            </div>
            <!--  <div id="notices" class="col-sm-12 col-md-12">
                  <div th:replace="fragments/insecure"/>
                  <div th:replace="fragments/defaultauthn"/>
                  <div th:replace="fragments/cookies"/>
                  <div th:replace="fragments/serviceui"/>
                  <div th:replace="fragments/loginProviders" />
              </div>
              --></div>
    </div>
</div>

<div class="footer" style="background-color: rgb(1, 75, 136); position: relative; margin-top: 20px;">
    <footer>
        <div id="copyright" class="container">
            <p>Copyright © 2022 College of Intelligence and Computing. All rights reserved.</p>
        </div>
    </footer>
</div>
<div>
    <script src="{% static 'book/head.min.js' %}"></script>
    <script type="text/javascript" src="{% static 'book/cas.js' %}"></script>
</div>
<script type="text/javascript" src="{% static 'book/common.js' %}"></script>

</body>
</html>